home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 60750 / 60750.xpi / chrome / chromeFiles / skin / collegehumor / style-override.css < prev    next >
Cascading Style Sheet File  |  2010-01-20  |  13KB  |  344 lines
  1. #bt-collegehumor-toolbar {
  2.   background-color: #3399bc !important;
  3.   height: 25px !important;
  4.   -moz-appearance: none;
  5.   text-shadow: none !important;
  6. }
  7.  
  8. /* BT Boom Button */
  9. #bt-collegehumor-toolbar btboombutton button {
  10.   -moz-appearance: none;
  11.   background-color: transparent !important;
  12.   min-width: 10px;
  13.   min-height: 20px;
  14.   border: 0px solid #ff0000;
  15.   margin-top: 0px !important; margin-bottom: 0px !important;
  16.   margin-right: 3px;
  17.   margin-left: 3px;
  18.   padding-left: 0px !important;
  19.   padding-right: 5px !important;
  20.   padding-top: 0px;
  21.   padding-bottom: 0px;
  22.     height: 22px;
  23. }
  24.  
  25. /* Button color */
  26. #bt-collegehumor-toolbar bttoolbarbutton.bt-default button {
  27.   color: #000000 !important;
  28. }
  29.  
  30. /* Hover color */
  31. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:hover button {
  32.   color: #CCCCCC  !important;
  33. }
  34.  
  35. /* Primary button margin left */
  36. #bt-collegehumor-toolbar bttoolbarbutton.bt-default > hbox > button label {
  37.   margin-left: 5px !important;
  38.   display: none;
  39. }
  40.  
  41. /* Primary margin button right - toolbar only */
  42. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar:not([type="menu-button"]) > hbox > button > hbox > label,
  43. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar:not([type="menu"]) > hbox > button > hbox > label {
  44.   margin-right: 5px !important;
  45. }
  46.  
  47. /* The margin for dropdowns is set separately (might not need to be set at all */
  48. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu-button"] > hbox > button dropmarker,
  49. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu"] > hbox > button dropmarker {
  50.   display: block;
  51. }
  52.  
  53. /* Separator will be a different shape for buttonbar vs. regular button */
  54. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu-button"] dropmarker {
  55.   background-image: url("../../skin/collegehumor/resources/toolbar/dropmarker-sep.png");
  56. }
  57.  
  58. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu"] dropmarker,
  59. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu-button"] dropmarker {
  60.   list-style-image: url("../../skin/collegehumor/resources/toolbar/dropmarker.png") !important;
  61.   background-position: left;
  62.   margin-left: 0px;
  63.   margin-right: 0px;
  64.   padding-left: 0px;
  65.   padding-right: 0px;
  66. }
  67.  
  68. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu-button"] > hbox > button > button > hbox > label,
  69. #bt-collegehumor-toolbar bttoolbarbutton.bt-default[type="menu"] > hbox > button > hbox > hbox > label {
  70.   margin-right: 0px;
  71. }
  72.  
  73. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar.bt-buttonbar-start > hbox > button,
  74. #bt-collegehumor-toolbar bttoolbarbutton.bt-default > hbox > button label {
  75.   padding-left: 1px !important;
  76. }
  77.  
  78. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:not([type="menu-button"]) > hbox > button > hbox > label,
  79. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:not([type="menu"]) > hbox > button > hbox > label,
  80. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar.bt-buttonbar-end > hbox > button {
  81.   padding-right: 1px !important;
  82. }
  83.  
  84. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar.bt-buttonbar-start > hbox > button {
  85. }
  86.  
  87. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar.bt-buttonbar-start > hbox > button > hbox {
  88.   background-image: none !important;
  89. }
  90.  
  91. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar.bt-buttonbar-end > hbox > button {
  92. }
  93.  
  94. /* This is the separator for button bars */
  95. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar[type="menu-button"] > hbox > button > button > hbox,
  96. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar > hbox > button > hbox {
  97.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-sep.png") !important;
  98.   background-repeat: no-repeat !important;
  99.   background-position: left !important;
  100. }
  101.  
  102. /* This is the primary button background */
  103. #bt-collegehumor-toolbar bttoolbarbutton.bt-default.bt-buttonbar > hbox > button  {
  104.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-mid-bg.png");
  105.   background-repeat: repeat-x;
  106.   background-position: left !important;
  107. }
  108.  
  109. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-choriginals.bt-default.bt-buttonbar > hbox > button  {
  110.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-choriginals-bg.png");
  111.   width: 83px;
  112. }
  113.  
  114. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-choriginals.bt-default.bt-buttonbar > hbox > button:hover  {
  115.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-choriginals-bg.png");
  116. }
  117.  
  118. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-pictures.bt-default.bt-buttonbar > hbox > button  {
  119.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-pictures-bg.png");
  120.   width: 58px;
  121. }
  122.  
  123. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-pictures.bt-default.bt-buttonbar > hbox > button:hover  {
  124.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-pictures-bg.png");
  125. }
  126.  
  127.  
  128. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-bestof.bt-default.bt-buttonbar > hbox > button  {
  129.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-bestof-bg.png");
  130.   width: 54px;
  131. }
  132.  
  133. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-bestof.bt-default.bt-buttonbar > hbox > button:hover  {
  134.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-bestof-bg.png");
  135. }
  136.  
  137. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-articles.bt-default.bt-buttonbar > hbox > button  {
  138.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-articles-bg.png");
  139.   width: 56px;
  140. }
  141.  
  142. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-articles.bt-default.bt-buttonbar > hbox > button:hover  {
  143.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-articles-bg.png");
  144. }
  145.  
  146. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-cutegirls.bt-default.bt-buttonbar > hbox > button  {
  147.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-cutegirls-bg.png");
  148.   width: 103px;
  149. }
  150.  
  151. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-cutegirls.bt-default.bt-buttonbar > hbox > button:hover  {
  152.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-cutegirls-bg.png");
  153. }
  154.  
  155.  
  156. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-video.bt-default.bt-buttonbar > hbox > button  {
  157.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-video-bg.png");
  158.   width: 50px;
  159. }
  160.  
  161. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-video.bt-default.bt-buttonbar > hbox > button:hover  {
  162.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-video-bg.png");
  163. }
  164.  
  165. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-sidebar.bt-default.bt-buttonbar > hbox > button  {
  166.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-sidebar-bg.png");
  167.   width: 59px;
  168. }
  169.  
  170. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-sidebar.bt-default.bt-buttonbar > hbox > button:hover  {
  171.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-hover-sidebar-bg.png");
  172. }
  173.  
  174.  
  175. /* Regular buttons */
  176. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:not([class~="bt-buttonbar"]):not([type="menu-button"]) > hbox > button  {
  177.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-end-bg.png");
  178.   padding-right: 8px !important;
  179. }
  180.  
  181. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:not([class~="bt-buttonbar"]):not([type="menu-button"]) > hbox > button > hbox,
  182. #bt-collegehumor-toolbar bttoolbarbutton.bt-default:not([class~="bt-buttonbar"])[type="menu-button"] > hbox > button > button > hbox {
  183.   background-image: url("../../skin/collegehumor/resources/toolbar/btn-norm-start-bg.png") !important;
  184.   padding-left: 2px !important;
  185. }
  186.  
  187. /* Bottom button padding on Mac */
  188. #main-window[btPlatform="Darwin"]
  189. #bt-collegehumor-toolbar bttoolbarbutton:not([type="menu"]) button hbox {
  190.   padding-bottom: 2px !important;
  191. }
  192.  
  193. #main-window[btPlatform="Darwin"]
  194. #bt-collegehumor-toolbar bttoolbarbutton[type="menu"] button hbox {
  195.   padding-bottom: 1px !important;
  196. }
  197.  
  198. /* Bottom button padding on Windows */
  199. #main-window:not([btPlatform="Darwin"])
  200. #bt-collegehumor-toolbar bttoolbarbutton:not([type="menu"]) button hbox {
  201.   padding-bottom: 2px !important;
  202. }
  203.  
  204. #main-window:not([btPlatform="Darwin"])
  205. #bt-collegehumor-toolbar bttoolbarbutton[type="menu"] button hbox {
  206.   padding-bottom: 2px !important;
  207. }
  208.  
  209. /* BT Searchbar */
  210. #bt-collegehumor-toolbar btsearchbar3 {
  211.   margin-left: 5px;
  212.   margin-right: 5px;
  213. }
  214.  
  215.  
  216. #bt-collegehumor-toolbar btsearchbar3 textbox {
  217.   background-image: url("../../skin/collegehumor/resources/btsearchbar/search-left-bg.png") !important;
  218. }
  219.  
  220. #bt-collegehumor-toolbar btsearchbar3 textbox > hbox {
  221.   background-image: url("../../skin/collegehumor/resources/btsearchbar/search-mid-bg.png") !important;
  222. }
  223. #bt-collegehumor-toolbar btsearchbar3 button > hbox {
  224.   background-image: url("../../skin/collegehumor/resources/btsearchbar/submit_btn_normal.png");
  225. }
  226.  
  227. #bt-collegehumor-toolbar btsearchbar3 button:hover > hbox {
  228.   background-image: url("../../skin/collegehumor/resources/btsearchbar/submit_btn_hover.png");
  229. }
  230.  
  231. #bt-collegehumor-toolbar btsearchbar3 button:active > hbox,
  232. #bt-collegehumor-toolbar btsearchbar3 button:hover:active > hbox {
  233.   background-image: url("../../skin/collegehumor/resources/btsearchbar/submit_btn_active.png");
  234. }
  235.  
  236.  
  237. /*
  238. #bt-collegehumor-toolbar btfeedreader3 #feedreader-sidebar-toggle {
  239.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-expand-btn.png") !important;
  240. }
  241.  
  242. #bt-collegehumor-toolbar btfeedreader3 #feedreader-sidebar-toggle[checked="true"] {
  243.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-minimize-btn.png") !important;
  244. }
  245.  
  246. #bt-collegehumor-toolbar btfeedreader3 #feedreader-reload {
  247.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-reload-btn.png") !important;
  248. }
  249. #bt-collegehumor-toolbar btfeedreader3 #feedreader-left-cap {
  250.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-txt-left.png");
  251. }
  252.  
  253. #bt-collegehumor-toolbar btfeedreader3 #feedreader-right-cap {
  254.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-txt-right.png");
  255. }
  256.  
  257. #bt-collegehumor-toolbar btfeedreader3 #feedreader-previous {
  258.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-prev-btn.png") !important;
  259. }
  260.  
  261. #bt-collegehumor-toolbar btfeedreader3 #feedreader-next {
  262.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-next-btn.png") !important;
  263. }
  264.  
  265. #bt-collegehumor-toolbar btfeedreader3 #feedreader > #feedreader-feedname {
  266.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-txt-bg.png") !important;
  267. }
  268. #bt-collegehumor-toolbar btfeedreader3 #feedreader > #feedreader-textbox {
  269.     background-image: url("../../skin/collegehumor/resources/toolbar/feed-txt-bg.png") !important;
  270. }
  271.  
  272. #bt-collegehumor-toolbar btfeedreader3 toolbarbutton > label {
  273.   color: #FFF;
  274. }
  275. */
  276.  
  277. #bt-collegehumor-toolbar btfeedreader3 #feedreader-reload {
  278.     display: none;
  279. }
  280.  
  281. #bt-collegehumor-toolbar btfeedreader3  #feedreader {
  282.   padding-right: 5px !important;
  283. }
  284.  
  285. /* Social Buttons */
  286.  #bt-collegehumor-toolbar bttoolbarbutton.bt-social-button button {
  287.   opacity: 0.75;
  288.   min-width: 20px;
  289.   min-height: 20px;
  290.   height: 20px;
  291.   width: 20px;
  292.   background-repeat: no-repeat;
  293.   background-position: center left;
  294.   margin-left: 2px !important;
  295.   margin-right: 2px !important;
  296.   margin: 0px;
  297.   cursor: pointer;
  298.   -moz-appearance: none;
  299.   border: none;
  300.   background-color: transparent;
  301. }
  302.  
  303. #bt-collegehumor-toolbar bttoolbarbutton.bt-social-button button:hover {
  304.     opacity: 1;
  305. }
  306.  
  307. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-youtube button {
  308.   background-image: url("../../skin/collegehumor/resources/toolbar/youtube-icon.png");
  309. }
  310. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-myspace button {
  311.   background-image: url("../../skin/collegehumor/resources/toolbar/myspace-icon.png");
  312. }
  313. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-facebook button {
  314.   background-image: url("../../skin/collegehumor/resources/toolbar/facebook-icon.png");
  315. }
  316. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-twitter button {
  317.   background-image: url("../../skin/collegehumor/resources/toolbar/twitter-icon.png");
  318. }
  319. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-flickr button {
  320.   background-image: url("../../skin/collegehumor/resources/toolbar/flickr-icon.png");
  321. }
  322. #bt-collegehumor-toolbar bttoolbarbutton#bt-collegehumor-button-linkedin button {
  323.   background-image: url("../../skin/collegehumor/resources/toolbar/linkedin-icon.png");
  324. }
  325.  
  326. /* Brand Thunder logo button */
  327.  
  328. #bt-collegehumor-toolbar btbutton {
  329.   min-width: 29px !important;
  330.   max-width: 29px !important;
  331. }
  332. #bt-collegehumor-toolbar btbutton button {
  333.   list-style-image: url("../../skin/collegehumor/resources/toolbar/bt-logo.png") !important;
  334.   width: 23px !important;
  335.   height: 20px !important;
  336.   margin-left: 2px !important;
  337.   margin-right: 4px !important;
  338.   padding: 0px !important;
  339. }
  340.  
  341. #bt-collegehumor-toolbar btbutton .button-icon {
  342.   height: 20px !important;
  343. }
  344.